﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="myApp">
<head>
    <title></title>
</head>
<body>
    <div ng-controller="InputMenuController">
        <label for="name">Name</label>
        <input type="text" name="name" id="name" ng-model="menuItem.name" /><br />

        <label for="price">Price</label>
        <input type="text" name="price" id="price" ng-model="menuItem.price" /><br />

        <input type="button" value="Create" ng-click="addMenuItem()" />
    </div>

    <div ng-controller="DisplayMenuController">
        <div ng-repeat="item in menuItems">
            <ul>
                <li>Name: {{item.name}}</li>
                <li>Price: {{item.price}}</li>
            </ul>
        </div>
    </div>

    <div ng-controller="TweetController">
        <button ng-click="getAllTweets()">Get the Tweeets!</button>
        <div ng-repeat="t in tweets">
            <ul>
                <li>{{t.text}}</li>
                <li>{{t.image}}</li>
                <li>{{t.time}}</li>
            </ul>
        </div>
    </div>

    <script src="Scripts/angular.min.js"></script>
    <script src="script.js"></script>
</body>
</html>
